@import "../public/theme";

.work_pane{
	padding:10px 20px @mainPadding;
	overflow:hidden;
	background:#fff;
}

.pane_header{
	padding:10px 20px 12px;
	margin:0 -20px 20px;
	border-bottom:1px solid #e5e5e5;
	
	h2{
		margin:0;
		font-size:24px;
		font-weight:300;
		line-height:1em;
		color:#666;
	}
}

.first_tabs{
	padding:10px 20px 0;
	margin:-22px -20px 0 -20px;
	background:#fff;
	border-bottom:1px solid #e5e5e5;
}
.first_tabs > div{
	margin-right:20px;
	display:inline-block;
	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size:16px;
	
	&:after{
		content:"";
		display:block;
		height:3px;
		width:70%;
		margin:4px auto 0 auto;
	}
}
.first_tabs .active{
	color:#4db1fe;
	
	&:after{
		background:#4DB1FE;
	}
}

.sub_tabs{
	margin-bottom:30px;
	text-align:center;
	background:#f5f5f5;
	margin:0 -20px 15px;
	padding:2px;
	
	.tab{
		font-size:14px;
		display:inline-block;
		margin-right:20px;
		padding:5px 0;
		color:#666;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor:pointer;
		
		&:after{
			content:"";
			display:block;
			height:3px;
			width:70%;
			margin:4px auto 0 auto;
		}
		
		&.active{
			color:#4DB1FE;
				&:after{
					background:#4DB1FE;
				}
		}
	}
}

.grid_btn{
	background:none;
	font-size:14px;
	padding:2px 8px;
	border:1px solid #999;
	color:#666;
}

.pane_block{
	margin:0 auto;
	border:#ccc 1px solid;
	margin-top:30px;
	padding-bottom:20px;
	margin-bottom:10px;
	
	.pane_block_title{
		font-size:14px;
		color:#666;
		text-align:center;
		padding:8px;
		background:#F0F0F0;
		margin-bottom:15px;
	}
}
